<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="./lib/layui-v2.5.5/css/layui.css"
	media="all">
<link rel="stylesheet" href="./css/public.css" media="all">
</head>
<body>
	<div class="layuimini-container">
		<div class="layuimini-main">

			<fieldset class="table-search-fieldset">
				<legend>搜索信息</legend>
				<div style="margin: 10px 10px 10px 10px">

					<div class="layui-form-item" style="margin-top: 20px;"
						onsubmit="false">
						<label class="layui-form-label">用户搜索</label>
						<div class="layui-input-inline" style="width: 120px;">
							<input type="text" name="userName" id="userName"
								class="layui-input">
						</div>
						<button class="layui-btn layui-btn-primary" id="search"
							data-type="reload">
							<i class="layui-icon"></i> 搜 索
						</button>
					</div>




				</div>
			</fieldset>

			<script type="text/html" id="toolbarDemo">
					<div class="layui-btn-container">
						<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加 </button>
						<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button>
					</div>
				</script>

			<table class="layui-hide" id="currentTableId"
				lay-filter="currentTableFilter"></table>

			<script type="text/html" id="currentTableBar">
					<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>
					<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>
				</script>

		</div>
	</div>
	<script src="../houtai/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
	<script>
		layui
				.use(
						[ 'form', 'table' ],
						function() {
							var $ = layui.jquery, form = layui.form, table = layui.table;

							table.render({
								elem : '#currentTableId',
								url : '../houtai/getAllreceivinglist',
								where : {
									method : 'getAllreceivinglist',
									userName : ''
								
							
								},
								height : 400,
								method : 'POST',
								toolbar : '#toolbarDemo',
								defaultToolbar : [ 'filter', 'exports',
										'print', {
											title : '提示',
											layEvent : 'LAYTABLE_TIPS',
											icon : 'layui-icon-tips'
										} ],
								cols : [ [ {
									type : "checkbox",
									width : 50
								}, {
									field : 'htID',
									width : 20,
									title : 'id'
								}, {
									field : 'userName',
									width : 100,
									title : '收货人'
								}, {
									field : 'phone',
									width : 100,
									title : '联系方式'
								}, {
									field : 'province',
									width : 100,
									title : '省'
								}, {
									field : 'city',
									width : 100,
									title : '市'
								}, {
									field : 'county',
									width : 100,
									title : '县'
								}, {
									field : 'detAddress',
									width : 100,
									title : '详细地址'
								}, {
									title : '操作',
									minWidth : 100,
									toolbar : '#currentTableBar',
									align : "center"
								} ] ],
								limits : [ 10, 15, 20, 25, 30, 40, 50, 100 ],
								page : true,
								skin : 'line',
								id : 'testReload'
							});

							$('#search').on('click', function() {
							
								var userName = $("#userName").val();
								
								table.reload('testReload', {//testReload,是上面渲染表格的id
									where : {//接口需要的两个请求参数

										
										'userName' : userName
								
							
								
									
									
										

									}
								});
							});
							/* // 监听搜索操作
							form.on('submit(data-search-btn)', function(data) {
								var result = JSON.stringify(data.field);
								layer.alert(result, {
									title: '最终的搜索信息'
								});

								//执行搜索重载
								table.reload('currentTableId', {
									page: {
										curr: 1
									},
									where: {
										searchParams: result
									}
								}, 'data');

								return false;
							}); */

							/**
							 * toolbar监听事件
							 */
							table
									.on(
											'toolbar(currentTableFilter)',
											function(obj) {
												if (obj.event === 'add') { // 监听添加操作
													var index = layer
															.open({
																title : '添加用户',
																type : 2,
																shade : 0.2,
																maxmin : true,
																shadeClose : true,
																area : [
																		'100%',
																		'100%' ],
																content : 'receivinglistAdd.jsp',
															});
													$(window)
															.on(
																	"resize",
																	function() {
																		layer
																				.full(index);
																	});
												} else if (obj.event === 'delete') { // 监听删除操作
													var checkStatus = table
															.checkStatus('currentTableId'), data = checkStatus.data;
													layer.alert(JSON
															.stringify(data));
												}
											});

							//监听表格复选框选择
							table.on('checkbox(currentTableFilter)', function(
									obj) {
								console.log(obj)
							});

							table
									.on(
											'tool(currentTableFilter)',
											function(obj) {
												var data = obj.data;
												if (obj.event === 'edit') {

													var index = layer
															.open({
																title : '编辑',
																type : 2,
																shade : 0.2,
																maxmin : true,
																shadeClose : true,
																area : [
																		'100%',
																		'100%' ],
																content : 'receivinglistUpdate.jsp',
																success : function(
																		layero,
																		index) {
																	var body = layer
																			.getChildFrame(
																					'body',
																					index);
																	
																	body
																			.contents()
																			.find(
																					"#htID")
																			.val(
																					obj.data.htID);
																	
																	
																	body.contents().find("#province").val(obj.data.province);
																	body.contents().find("#city").val(obj.data.city);
																	body.contents().find("#county").val(obj.data.county);
																	body.contents().find("#detAddress").val(obj.data.detAddress);
																}
															});
													$(window)
															.on(
																	"resize",
																	function() {
																		layer
																				.full(index);
																	});
													return false;
												} else if (obj.event === 'delete') {
													layer
															.confirm(
																	'真的删除行么',
																	function(
																			index) {
																		/* obj.del();
																		layer.close(index); */
																		console
																				.log('执行删除');
																		console
																				.log(obj.data);
																		var url = '/wk1un10/houtai/receivingDelete';
																		$
																				.post(
																						url,
																						{
																							"htID" : obj.data.htID,
																							method : 'receivingDelete'
																						},
																						function(
																								data) {
																							console
																									.log(data);
																							if (data.count > 0) {
																								console
																										.log('删除成功');
																								window.location
																										.reload();
																							}
																						},
																						"json");
																	});
												}
											});

						});
	</script>


</body>
</html>